<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Google Maps</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>

	<script
		src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=${requestScope.mapsKey}"
		type="text/javascript">
	</script>
	
	<script type="text/javascript">

	    function carregarMapa() {
	    

	      if (GBrowserIsCompatible()) {
	        var map = new GMap2(document.getElementById("map"));
	
			//adicionando controle de zoom e tipo
			map.addControl(new GSmallMapControl());
			map.addControl(new GMapTypeControl());     
			
			/* CRIANDO PONTOS DE LOCALIZACAO */
			ponto1 = new GLatLng(${requestScope.latitude}, ${requestScope.longitude});   

	        map.setCenter(ponto1, ${requestScope.mapsZoom});

			//criando marcador
			marcador1 = new GMarker(ponto1);
			GEvent.addListener(marcador1, "click", function() {
 	   			marcador1.openInfoWindowHtml("<p><b>" + '${requestScope.descricao}' + "</b></p>");
 	 		});
			
			//Adicionando os marcadores
			map.addOverlay(marcador1);
	      }
	    }

	</script>

</head>

<body onload="carregarMapa()">
longitude: ${requestScope.longitude}
latitude: ${requestScope.latitude}
<div id="map" style="width: 700px; height: 500px"></div>
</body>

</html:html>